﻿<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>凭证查看</title>
    <!--框架必需start-->
    <script src="/content/scripts/jquery/jquery-1.10.2.min.js"></script>
    <link href="/assets/plugins/pace/pace-theme-minimal.css" rel="stylesheet"/>
    <link href="/content/styles/font-awesome.min.css" rel="stylesheet"/>
    <link href="/content/scripts/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet"/>
    <script src="/content/scripts/plugins/jquery-ui/jquery-ui.min.js"></script>
    <!--框架必需end-->
    <!--bootstrap组件start-->
    <link href="/content/scripts/bootstrap/bootstrap.min.css" rel="stylesheet"/>
    <link href="/content/scripts/bootstrap/bootstrap.extension.css" rel="stylesheet"/>
    <script src="/content/scripts/bootstrap/bootstrap.min.js"></script>
    <!--bootstrap组件end-->

    <link href="/module/plugin/scroll/scroll.css" rel="stylesheet"/>
    <link href="/module/plugin/layout/lr-layout.css" rel="stylesheet"/>

    <link href="/module/plugin/tree/lr-tree.css" rel="stylesheet"/>
    <link href="/module/plugin/select/lr-select.css" rel="stylesheet"/>

    <script src="/content/scripts/plugins/layout/jquery.layout.js"></script>

    <!--jqgrid表格组件start-->
    <link href="/content/scripts/plugins/jqgrid/jqgrid.css" rel="stylesheet"/>
    <script src="/content/scripts/plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="/content/scripts/plugins/jqgrid/jqgrid.min.js"></script>
    <!--表格组件end-->

    <!--日期组件start-->
    <link href="/content/scripts/plugins/datetime/pikaday.css" rel="stylesheet"/>
    <script src="/content/scripts/plugins/datetime/pikaday.js"></script>
    <script src="/content/scripts/plugins/datepicker/WdatePicker.js"></script>
    <!--日期组件start-->
    <!--表单验证组件start-->
    <script src="/content/scripts/plugins/validator/validator.js"></script>
    <!--表单验证组件end-->

    <script src="/content/scripts/utils/learun-ui.js"></script>
    <script src="/content/scripts/utils/learun-form.js"></script>
    <link href="/content/styles/learun-ui.css" rel="stylesheet"/>
    <link href="/content/styles/learun-report.css" rel="stylesheet"/>
    <script src="/content/scripts/plugins/printTable/jquery.printTable.js"></script>
    <link href="/content/styles/learun-bill.css" rel="stylesheet"/>


    <link rel="stylesheet" href="/assets/plugins/hiprint/css/print-lock.css">
    <script src="/assets/plugins/hiprint/hiprint.bundle.js"></script>
    <script src="/assets/plugins/hiprint/polyfill.min.js"></script>
    <script src="/assets/plugins/hiprint/plugins/jquery.hiwprint.js"></script>
    <script src="/assets/plugins/hiprint/plugins/jquery.minicolors.min.js"></script>
    <script src="/module/formatMoney.js"></script>
    <script src="/module/calc.js"></script>
    <style>
        body {
            margin: 0px;
            margin-bottom: 0px;
        }
        input:disabled {
            background-color: white;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }
        input[type="number"]{
            -moz-appearance: textfield;
        }
        .lr-scroll-box{
            overflow-x: scroll;
        }
    </style>


</head>
<body>

<div class="ui-layout Chrome 64.0 lr-uitheme-top" id="layout" style="height: 100%; width: 100%; overflow: visible;">

    <div class="gridPanel">
        <form id="form1">

            <div class="bills" style="border-radius:0;padding: 5px 25px;">
                <input type="hidden" id="pzid" name="pzid" value=""/>
                <div style="width: 100%;font-size: 20px;font-weight: bold;text-align: center;padding-bottom: 10px;">记账凭证</div>
                <table class="form" style="width: 100%; margin-bottom: 10px;">
                    <tr>
                        <th class="formTitle" style="width: 60px;">凭证号</th>
                        <td class="formValue" style="width: 80px;">
                            <div id="pzlxCode" type="select" class="ui-select" style="width: 80px;" disabled="diasbled"></div>
                        </td>
                        <td class="formValue" style="width: 70px;">
                            <input id="pzh" type="number" class="form-control" value="0001" style="width: 80px;" isvalid="yes" maxlength="4" checkexpession="NotNull">
                        </td>
                        <td style="width: 200px;">号</td>
                        <th class="formTitle">凭证日期</th>
                        <td class="formValue" style="width: 150px;">
                            <input id="pzrq" type="text" style="width: 120px;" value="2020-01-01" class="form-control input-wdatepicker"
                                   onfocus="WdatePicker({maxDate:'%y-%M-%d',minDate: '%y-01-01',onpicking: function (dp) {if (dp.cal.getDateStr() != dp.cal.getNewDateStr()) { setDatePickerValue(dp.cal.getNewDateStr()); }}})" />
                        </td>
                        <th class="formTitle" style="width: 200px;">附件</th>
                        <td class="formValue" style="width: 80px;">
                            <input id="fj" type="text" style="width: 60px;" value="1" class="form-control" />
                        </td>
                        <td>张 <span><a style="color: blue;cursor: pointer;text-decoration: underline; margin-left: 12px;" onclick="showAttachs();">附件管理</a></span></td>
                        <td class="formValue" style="width: 70px;">
                            <div class="checkbox">
                                <label>
                                    <input id="isQc" type="checkbox"/>
                                    期初
                                </label>
                                <label>
                                    <input id="isJz" type="checkbox"/>
                                    结转
                                </label>
                            </div>
                                    <input id="isTemp" type="hidden"/>
                        </td>
                    </tr>
                </table>
                <div class="gridPanel">
                    <table id="gridTable"></table>
                    <hr style="margin-top: 15px;margin-bottom: 15px;"/>
                    <table id="gridTable_ext"></table>
                </div>
                <table class="form" style=" width: 95%; margin-top: 5px;">
                    <tr>
                        <th class="formTitle" style="width: 60px;">财务主管：</th>
                        <td class="formValue">
                            <input id="cwzg" type="text" class="form-control" readonly value="财务主管"/>
                        </td>
                        <th class="formTitle">记账：</th>
                        <td class="formValue">
                            <input id="jzy" type="text" class="form-control" readonly/>
                        </td>
                        <th class="formTitle">审核：</th>
                        <td class="formValue">
                            <input id="shy" type="text" class="form-control" readonly/>
                        </td>
                        <th class="formTitle">制单：</th>
                        <td class="formValue">
                            <input id="zdy" type="text" class="form-control" readonly value="制单人"/>
                        </td>
                    </tr>

                </table>
            </div>
            <div id="bottomField">
                <div class="btn-group">
                    <a id="lr-print" class="btn btn-default" onclick="btn_print()"><i class="fa fa-print"></i>&nbsp;打印</a>
                </div>
                <div class="btn-group">
                    <a id="lr-prev" class="btn btn-default" onclick="btn_prev()"><i class="fa fa-backward"></i>&nbsp;前单</a>
                    <a id="lr-next" class="btn btn-default" onclick="btn_next()"><i class="fa fa-forward"></i>&nbsp;后单</a>
                </div>
            </div>
            <div id="PrintElementOptionSetting" style="margin-top:10px;"></div>
        </form>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document" style="display: inline-block; width: auto;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">打印预览</h4>
                </div>

                <div class="modal-body">
                    <button type="button" class="btn btn-danger" id="A4_printByHtml">直接打印</button>
                    <span id="printerlist"></span>
                    <div class="prevViewDiv"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

                </div>
            </div>
        </div>
    </div>
</div>


<script src="/module/config.js"></script>
<script src="view.js"></script>
<script src="/module/plugin/resize/resize.js"></script>
<script src="/module/plugin/mousewheel/mousewheel.js"></script>
<script src="/module/plugin/layout/lr-layout.js"></script>
<script src="/module/plugin/scroll/scroll.js"></script>
<script src="/module/plugin/tree/lr-tree.js"></script>
<script src="/module/plugin/select/lr-select.js"></script>
<!--<script src="/module/script/lr-clientdata.js"></script>-->

<script src="/module/script/lr-form.js"></script>

</body>
</html>
